﻿@using DirectSell.Model.Bonus
@using Webdiyer.WebControls.Mvc;
@model PagedList<MemberBonus>
@{
    ViewBag.Title = "Index";
    Layout = "~/Areas/User/Views/Shared/UserLayout.cshtml";
}
<!-- APP MAIN ==========-->
<main id="app-main" class="app-main">
    <div class="wrap">
        <section class="app-content">
            <div class="widget p-lg">
                <h4 class="m-b-lg">奖金明细</h4>
                <div class="table-responsive">
                    <nav class="page-redcolor">
                        <div id="orders">
                            @Html.Partial("List", Model)
                            <div style="width:100%;overflow:auto;">
                                <div style="float:right">Go to page<select id="pib"></select></div>
                                @Ajax.Pager(Model, new PagerOptions
                                      {
                                          PageIndexParameterName = "page",
                                          ContainerTagName = "ul",
                                          CssClass = "pagination",
                                          PageIndexBoxId = "pib",
                                          Id = "mypager",
                                          CurrentPagerItemTemplate = "<li class=\"active\"><a href=\"#\">{0}</a></li>",
                                          DisabledPagerItemTemplate = "<li class=\"disabled\"><a>{0}</a></li>",
                                          PagerItemTemplate = "<li>{0}</li>"
                                      }).AjaxOptions(a => a.SetUpdateTargetId("orders").EnablePartialLoading())
                            </div>
                        </div>
                    </nav>
                    @section scripts{ @{Html.RegisterMvcPagerScriptResource();}}
                </div>
            </div><!-- .widget -->
        </section><!-- #dash-content -->
    </div><!-- .wrap -->
    <!-- APP FOOTER -->
    <div class="wrap p-t-0">
        <footer class="app-footer">
            <div class="clearfix">
                <div class="copyright text-center w100">Copyright OpenMms &copy;</div>
            </div>
        </footer>
    </div>
    <!-- /#app-footer -->
</main>
<!--========== END app main -->
